﻿html, body {
    width: 100%;
    height: 100%;
    /*min-width: 900px;*/
    /*min-height: 1000px;*/
    padding: 0;
    margin: 0;
}
div,img {
    padding: 0;
    margin: 0;
}

.Body {
    width: 100%;
    height: 100%;
    overflow-x: auto;
    overflow-y: auto;
    background-image: url('../img/LoginBg.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
}
.Body-Content {
    width: 469px;
    /*height: 902px;*/
}
    .Body-Content .Logo {
        width: 144px;
        height: 144px;
        padding-top:85px;
        margin-bottom:32px;
    }
    .Body-Content .Body-Zd {
        background-color: white;
        opacity: 0.2;
        border-radius: 5px;
        border-color: rgba(255, 255, 255, 0.5);
        border-width: 1px;
        width: 469px;
        height: 384px;
        z-index: -1;
        position: absolute;
    }
    .Body-Content .LoginPanle {
        width: 469px;
        height: 384px;
        z-index: 1;
        position: absolute;
    }
    .Body-Content .Input {
        width: 426px;
        height: 64px;
        background-color: rgba(255, 255, 255, 0.3);
        border-radius: 5px;
        border-radius: 5px;
        border-color: rgba(255, 255, 255, 0.5);
        border-width: 1px;
        padding: 0px;
        margin: 0px;
        margin-left:20px;
        font-size:20px;
        color:white;
        font-family:'Microsoft YaHei';
        text-indent:20px;
    }
    .Body-Content .UserName {
        margin-top:48px;
    }
    .Body-Content .PassWord {
        margin-top: 20px;
    }
    .Body-Content .Checkbox {
        margin-top: 20px;
        width: 18px;
        height: 18px;
        background-color: #818181;
        margin-left: 20px;
    }
    .Body-Content .LoginBtn {
        width: 426px;
        height: 64px;
        background-color: #20a7fa;
        border-radius: 5px;
        border-width: 0px;
        padding: 0px;
        margin: 0px;
        margin-left: 20px;
        font-size: 20px;
        color: white;
        font-family: 'Microsoft YaHei';
        margin-top:25px;
    }
    .Body-Content .LoginBtn:hover {
        opacity: 0.8;
        cursor: pointer;
    }

/*去掉Coogle历史 黄色背景*/
.Body-Content .Input:-webkit-autofill {
    transition: 5000s ease-in-out 0s;
}

.Body-Content .Input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
    font-size: 20px;
}

.Body-Content .Input:-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
    font-size: 20px;
}

.Body-Content .Input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
    font-size: 20px;
}

.Body-Content .Input:-ms-input-placeholder {
    color: rgba(255, 255, 255,0.8);
    font-size: 20px;
}